<template>

	<el-row>
		<el-col :span="8">
			<div class="grid-content ep-bg-purple" />
			<el-card class="box-card">收入</el-card>
		</el-col>
		<el-col :span="8">
			<div class="grid-content ep-bg-purple-light" />
			<el-card class="box-card">支出</el-card>
		</el-col>
		<el-col :span="8">
			<div class="grid-content ep-bg-purple" />
			<el-card class="box-card">总计</el-card>
		</el-col>
	</el-row>
	<el-row>
		<el-col :span="8">
		</el-col>
		<el-col :span="8">
		</el-col>
		<el-col :span="8">
			<br />
			<el-button type="primary">提交</el-button>
			&nbsp;&nbsp;&nbsp;
			<el-button type="primary">通过</el-button>
		</el-col>
	</el-row>
	<el-row class="row-1">
		<el-table :data="steps" stripe style="width: 100%">
			<el-table-column type="selection" width="55" />
			<el-table-column prop="stepKind" label="费用申请流程" width="180" />
			<el-table-column prop="stepKind" label="费用申请类型" width="180" />
			<el-table-column prop="stepKind" label="创建人" width="180" />
			<el-table-column prop="stepKind" label="金额" width="180" />
			<el-table-column prop="stepWdealer" label="待审批人" width="180" />
			<el-table-column prop="stepCreatime" label="创建时间" />
		</el-table>
	</el-row>
</template>

<script>
</script>

<style>
	.text {
		font-size: 14px;
	}

	.item {
		padding: 18px 0;
	}

	.box-card {
		width: auto;
	}

	.m-2 {
		background-color: #FFFFFF;
	}

	.row-1 {
		width: auto;
		height: 40px;
		margin-top: 20px;
	}
</style>
